<template>
  <div
    :class="[
      'col-lg-4 col-md-6 grids-feature',
      { 'mt-md-0': !active, 'mt-4': true },
    ]">
    <div class="area-box" :class="{ 'box-active': active }">
      <span :class="['fa', icon]"></span>
      <h4>
        <a href="#feature" class="title-head">{{ title }}</a>
      </h4>
      <p>{{ description }}</p>
    </div>
  </div>
</template>

<script setup>
defineProps(["icon", "title", "description", "active"]);
</script>

<style scoped>
/* 这里可以添加样式 */
</style>
